﻿<%@ Page Title="" Language="C#" MasterPageFile="~/home-loan/Home_Loan.master" AutoEventWireup="true" 
CodeFile="rate-loan-tenure.aspx.cs" Inherits="home_loan_rate_loan_tenure" %>

<%@ Register Src="../controls/usrCompanyBigLogoByServices.ascx" TagName="usrCompanyBigLogoByServices"
    TagPrefix="uc4" %>
<%@ Register Src="~/controls/usrNoJS.ascx" TagName="usrNoJS" TagPrefix="ucNoJS" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <script src="../controls/CE_Date.js" type="text/javascript"></script>

    <script src="../includes/ValidationError.js" type="text/javascript"></script>

    <script src="../includes/ValidationEffect.js" type="text/javascript"></script>

    <script src="../includes/LoadingProgress.js" type="text/javascript"></script>

    <div class="elements_inner_wrapper">
        <ucNoJS:usrNoJS ID="usrNoJS1" runat="server" />
        <!-- #Include file="../includes/body_loader.inc" -->

        <script type="text/javascript">
            IncreaseProgress(5);
        </script>

        <div id="divContent" style="display: none">
            <div class="rightcol">
                <div class="content_right">
                    <div class="tip">
                        <div class="head"></div>
                        <div class="body" id="spanPartnerLogo">
                            <h1>Our Merchants</h1>
                            <uc4:usrCompanyBigLogoByServices LogoLimitCount="8" CompanyProviderTypeId="200" ID="usrCompanyLogoByServices1"
                                runat="server" />
                        </div>
                        <div class="foot"></div>
                    </div>
                    <br />
                    <div class="tip">
                        <div class="head">
                        </div>
                        <div class="body">
                            <h1>
                                Compare Home Loans Online</h1>
                            <div class="pad_10">
                                <ul>
                                    <li class="one">Enter mortgage & property type</li>
                                    <li class="two">Enter rate and loan tenure</li>
                                    <li class="three">Enter your personal details  </li>
                                    <li class="four">Real time quotes from market leading brands</li>
                                </ul>
                            </div>
                        </div>
                        <div class="foot">
                        </div>
                    </div>
                </div>
            </div>
            <div id="contentBody">
                <div>
                    <ul id="stp_menu">
                        <li class="stp1"><a href="#"><span class="stp_r">Mortgage and property type</span></a></li>
                        <li class="stp2_r"><a href="#"><span class="active_r">Rate and loan tenure</span></a></li>
                        <li class="stp3"><a href="#"><span class="stp_r">Personal details</span></a></li>
                        <li class="stp4"><a href="#"><span class="stp_r">Quote Results</span></a></li>
                    </ul>
                </div>
                <div class="seperator">
                </div>
                <div class="section">
                    <fieldset>
                        <div class="row">
                            <asp:ValidationSummary ID="ValidationSummary1" HeaderText="Oops Please complete the form."
                                runat="server" ValidationGroup="homeloan" CssClass="errorSummary" />
                        </div>
                        
                        <script type="text/javascript">
                            IncreaseProgress(25);
                        </script>
                        
                        <div class="row">
                            <label for="LoanTenure" class="mand_red">
                                Loan Duration</label>
                            <div class="field">
                                <span class="indicator">
                                    <asp:DropDownList ID="ddlLoanTenure" runat="server" class="text" Width="200"></asp:DropDownList>
                                </span><span class="indicator">
                                    <asp:RequiredFieldValidator ID="rfvLoanTenure" InitialValue="-1" runat="server" ControlToValidate="ddlLoanTenure"
                                        validationErrorCssClass="validationError" ErrorMessage="" ValidationGroup="homeloan"></asp:RequiredFieldValidator>
                                </span>
                                <span class="formInfo1">
                                    <a href="/tooltips/loan_duration.htm?width=250" class="jTip" id="one" name="Loan Duration:">
                                    <img src="/images/icons/help.gif" alt="Help" align="absmiddle" /></a>
                                </span>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div class="row">
                            <label for="Rate" class="mand_red">
                                Type of Interest Rate</label>
                            <div class="field">
                                <span class="indicator">
                                    <asp:DropDownList ID="ddlRate" runat="server" class="text" Width="200">
                                    <asp:ListItem Selected="True" Value="-1">Select</asp:ListItem>
                                    <asp:ListItem Value="1">Fixed</asp:ListItem>
                                    <asp:ListItem Value="2">Floating</asp:ListItem>
                                    </asp:DropDownList>
                                </span><span class="indicator">
                                    <asp:RequiredFieldValidator ID="rfvRate" InitialValue="-1" runat="server" ControlToValidate="ddlRate"
                                        validationErrorCssClass="validationError" ErrorMessage="" ValidationGroup="homeloan"></asp:RequiredFieldValidator>
                                </span>
                                <span class="formInfo1">
                                    <a href="/tooltips/interest_rate.htm?width=250" class="jTip" id="two" name="Type of Interest Rate:">
                                    <img src="/images/icons/help.gif" alt="Help" align="absmiddle" /></a>
                                </span>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <script type="text/javascript">
                            IncreaseProgress(45);
                        </script>

                        <%--<div class="row">
                            <label for="Offset schemes" class="mand_red">Offset Schemes</label>
                            <div class="field">
                                <div class="radiol" id="divYesRegYear">
                                    <span class="indicator">
                                        <asp:RadioButton ID="rdoYesOffsetSchemes" runat="server" GroupName="offsetschemes" />
                                        <span class="radioalign"><asp:Label ID="lblYesOffsetSchemes" runat="server" Text="Yes"></asp:Label></span>
                                    </span>
                                </div>
                                <div class="radior" id="divNoOffsetSchemes">
                                    <span class="indicator">
                                        <asp:RadioButton Checked="true" runat="server" GroupName="offsetschemes" />
                                        <span class="radioalign"><asp:Label ID="lblNoOffsetSchemes" runat="server" Text="No"></asp:Label></span>
                                    </span>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>--%>
                        <div class="row">
                            <label for="Offset schemes" class="mand_red">Interest Offset</label>
                            <div class="field">
                                <div class="radiol" id="divYesOffsetSchemes">
                                    <span class="indicator">
                                        <asp:RadioButton onclick="CheckOffsetSchemes();CheckOffsetSchemesValidationCss();" ID="rdoYesOffsetSchemes"
                                            runat="server" GroupName="offsetschemes" />
                                        <span class="radioalign"><asp:Label ID="lblYesOffsetSchemes" runat="server" Text="Yes"></asp:Label></span>
                                    </span>
                                </div>
                                <div class="radior" id="divNoOffsetSchemes">
                                    <span class="indicator">
                                        <asp:RadioButton onclick="CheckOffsetSchemes();CheckOffsetSchemesValidationCss();" ID="rdoNoOffsetSchemes"
                                            runat="server" GroupName="offsetschemes" />
                                        <span class="radioalign"><asp:Label ID="lblNoOffsetSchemes" runat="server" Text="No"></asp:Label></span>
                                    </span>
                                </div>
                                <span class="formInfo1">
                                    <a href="/tooltips/interest_offset.htm?width=250" class="jTip" id="three" name="Interest Offset:">
                                    <img src="/images/icons/help.gif" alt="Help" align="absmiddle" /></a>
                                </span>
                                <div style="display: none">
                                    <asp:TextBox ID="txtOffsetSchemes" runat="server"></asp:TextBox></div>
                                    <asp:RequiredFieldValidator ID="rfvOffsetSchemes" runat="server" validationErrorCssClass="validationError"
                                    Display="Dynamic" ErrorMessage="" ControlToValidate="txtOffsetSchemes"
                                     ValidationGroup="homeloan" Text=""></asp:RequiredFieldValidator>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="row">
                            <label for="Lock-in" class="mand_red">Lock-in</label>
                            <div class="field">
                                <div class="radiol" id="divYesLockin">
                                    <span class="indicator">
                                        <asp:RadioButton onclick="CheckLockin();CheckLockinValidationCss();" ID="rdoYesLockin"
                                            runat="server" GroupName="lockin" />
                                        <span class="radioalign"><asp:Label ID="lblYesLockin" runat="server" Text="Yes"></asp:Label></span>
                                    </span>
                                </div>
                                <div class="radior" id="divNoLockin">
                                    <span class="indicator">
                                        <asp:RadioButton onclick="CheckLockin();CheckLockinValidationCss();" ID="rdoNoLockin"
                                            runat="server" GroupName="lockin" />
                                        <span class="radioalign"><asp:Label ID="lblNoLockin" runat="server" Text="No"></asp:Label></span>
                                    
                                    </span>
                                </div>
                                <span class="formInfo1"><a href="/tooltips/lock_in.htm?width=250" class="jTip" id="four"
                                    name="Lock-in:">
                                    <img src="/images/icons/help.gif" alt="Help" align="absmiddle" /></a> </span>
                                <div style="display: none">
                                    <asp:TextBox ID="txtLockin" runat="server"></asp:TextBox></div>
                                <asp:RequiredFieldValidator ID="rfvLockin" runat="server" validationErrorCssClass="validationError"
                                    Display="Dynamic" ErrorMessage="" ControlToValidate="txtLockin" ValidationGroup="homeloan"
                                    Text=""></asp:RequiredFieldValidator>
                            </div>
                            <div class="clear">
                            </div>
                        </div>

                        <script type="text/javascript">
                            IncreaseProgress(80);
                        </script>

                    </fieldset>
                    <div class="formButtons">
                        <span class="button2">
                            <asp:ImageButton ID="ImageButton1" OnClientClick="LoadValidationErrorCss();CheckOptionValidationCss();"
                                runat="server" ImageUrl="~/images/buttons/form_next_but.gif" OnClick="ImageButton1_Click"
                                ValidationGroup="homeloan" class="img_align_right" onmouseover="this.src='/images/buttons/form_next_but_o.gif';"
                                onmouseout="this.src='/images/buttons/form_next_but.gif';" />
                        </span>
                    </div>
                    <div class="seperator">
                    </div>
                    <div class="imp_info">
                        <p>
                            <strong>Important Information:</strong> Some lenders will only update rate changes
                            into effect until the end of the month, some of the rates shown here may still reflect
                            older rates.</p>
                    </div>
                    <div class="clear">
                    </div>
                    <!--------------CONTENT HERE -------------->
                </div>
            </div>
        </div>

        <script type="text/javascript">
        //<![CDATA[ 


        function ShowHideDiv(divName, varOnOff) {
            if (varOnOff) {
                document.getElementById(divName).style.display = "";
            }
            else {
                document.getElementById(divName).style.display = "none";
            }
        }

        function CheckOptionValidationCss() {
            CheckOffsetSchemesValidationCss();
            CheckLockinValidationCss();
        }

        function CheckOffsetSchemesValidationCss() {
            var ctrlDivYes = 'divYesOffsetSchemes';
            var ctrlDivNo = 'divNoOffsetSchemes';
            var txtText = '<%=txtOffsetSchemes.ClientID%>';
            var valOffsetSchemes = '<%=rfvOffsetSchemes.ClientID%>';
            ShowValidationEffectOption(ctrlDivYes, ctrlDivNo, txtText, valOffsetSchemes);
            return true;
        }

        function CheckLockinValidationCss() {
            var ctrlDivYes = 'divYesLockin';
            var ctrlDivNo = 'divNoLockin';
            var txtText = '<%=txtLockin.ClientID%>';
            var valLockin = '<%=rfvLockin.ClientID%>';
            ShowValidationEffectOption(ctrlDivYes, ctrlDivNo, txtText, valLockin);
            return true;
        }

        function CheckOffsetSchemes() {
            var ctrlOffsetSchemes = document.getElementById('<%=txtOffsetSchemes.ClientID%>');
            var ctrlY = document.getElementById('<%=rdoYesOffsetSchemes.ClientID%>');
            var ctrlN = document.getElementById('<%=rdoNoOffsetSchemes.ClientID%>');
            var valOffsetSchemes = document.getElementById('<%=rfvOffsetSchemes.ClientID%>');
            if (ctrlY.checked == true || ctrlN.checked == true) {
                ctrlOffsetSchemes.value = '1';
                valOffsetSchemes.style.visibility = 'hidden';
            }
            else {
                ctrlOffsetSchemes.value = '';
            }
        }

        function CheckLockin() {
            var ctrlLockin = document.getElementById('<%=txtLockin.ClientID%>');
            var ctrlY = document.getElementById('<%=rdoYesLockin.ClientID%>');
            var ctrlN = document.getElementById('<%=rdoNoLockin.ClientID%>');
            var valLockin = document.getElementById('<%=rfvLockin.ClientID%>');
            if (ctrlY.checked == true || ctrlN.checked == true) {
                ctrlLockin.value = '1';
                valLockin.style.visibility = 'hidden';
            }
            else {
                ctrlLockin.value = '';
            }
        }
        
        function showhide(el) {
            el = document.getElementById(el);
            el.style.display = (el.style.display == "none") ? "block" : "none";
        }
        window.onload = function() {
           
        }
        //]]> 
        </script>

        <script type="text/javascript">
        IncreaseProgress(100);
        HideLoading();
        </script>
</asp:Content>
